<!--页脚元素-->
<div id="footer_coun">

<div id="footer">

<!--波浪分割线-->
<div id="footer_top_wavy_ban">
</div>

<h3>联系我们</h3>

<div class="left item">
	 <h4>官方微博</h4>
<p>
	 <span>新浪微博</span>
	 <span>腾讯微博</span>
</p>
</div>

<div class="left item">
	 <h4>客服微博</h4>
<p>
	 <span>新浪微博</span>
	 <span>腾讯微博</span>
</p>
</div>

<div class="left item">
	 <h4>电子邮箱</h4>
<p>
	 <span>abc@a.com</span>
</p>
</div>

</div>
</div>

<!-- 弹出窗口模块  -->
<div id="base_index_detail_product_item_nav_slider">

<div class="base_index_detail_product_item_nav_slider_nav_button base_index_detail_product_item_nav_slider_prev"><a id="slider_prev_button" href="javascript:void(0)"></a></div>
<div class="base_index_detail_product_item_nav_slider_sub_nav">
	<span><a href="javascript:void(0)" class="base_index_detail_product_item_nav_slider_sub_nav_a base_index_detail_product_item_nav_slider_sub_nav_a_text">信息文字</a></span>
	<span><a href="javascript:void(0)" class="base_index_detail_product_item_nav_slider_sub_nav_a base_index_detail_product_item_nav_slider_sub_nav_a_multimedia ">多媒体</a></span>
	<span><a href="javascript:void(0)" class="base_index_detail_product_item_nav_slider_sub_nav_a base_index_detail_product_item_nav_slider_sub_nav_a_feature">子服务</a></span>
	<span><a href="javascript:void(0)" class="base_index_detail_product_item_nav_slider_sub_nav_a base_index_detail_product_item_nav_slider_sub_nav_a_detail">区别可选子服务</a></span>
	<span class="base_index_detail_product_item_nav_slider_sub_nav_desc"></span>
</div>
<div class="base_index_detail_product_item_nav_slider_nav_button base_index_detail_product_item_nav_slider_next"><a id="slider_next_button" href="javascript:void(0);"></a></div>

<ul id="base_index_detail_product_item_nav_slider_ul">	
	<!-- 动态生成 li -->
	<li class="base_index_detail_product_item_nav_slider_li">
	</li>
</ul>
</div>

<script src="/js/libs/jquery_plugins/easydialog/easydialog.js" type="text/javascript"></script>
<link rel="stylesheet" href="/js/libs/jquery_plugins/easydialog/easydialog.css" />

<script src="/js/slider.js" type="text/javascript"></script>
<script src="/js/functions.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready( function(){

	 //绑定 nav 按钮上的 click 事件 ，使能弹出窗口
	 $( '.base_index_detail_product_item_nav_li_span' ).each( function( index , el ){
		 
		 enable_slider_button( el );
	 });

	 //为弹出窗口上的按钮绑定事件
	 $( '.base_index_detail_product_item_nav_slider_sub_nav_a' ).each( function( index , el ){

		 var this_el = $( el );
		 //需要显示文字的地方	
		 var text_el = $( '.base_index_detail_product_item_nav_slider_sub_nav_desc' );
		 this_el.bind( {
			'mouseover' : function(){

				text_el.text( this_el.text() );			
			},
			'mouseout' : function(){
				 
				text_el.text( '' );	 	
			},
			'click' : function(){

				//更新弹出窗口页面内容
				var this_el_id = this_el.attr( 'id' );
				var slider = new slider_factory( this_el_id );
			}
		 });
	 });

	 //使能首页的 查看ABC商品按钮
	 $( '.show_service_detail' ).bind( 'click' , function(){
	 
		 var base_index_detail_product_el = $( '#base_index_detail_product' );
		 base_index_detail_product_el.attr( 'style' , 'margin-top:20px;' );
		 base_index_detail_product_el.show();
		 $( this ).hide();
		 $( '#base_index' ).hide();

		 $( '#footer' ).attr( 'style' , 'margin-top:10px;' );
	 });  

	 console.log( $(document).height() );
});
</script>
</body>
</html>
